<template>
    <div>
        <el-card>
            <div class="container">
                <el-form :inline="true" :model="conditionModel" class="queryModel">
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="学号">
                                <el-input v-model="conditionModel.stuNo" placeholder="请输入内容"
                                          style="width: 160px"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="姓名">
                                <el-input v-model="conditionModel.stuName" placeholder="请输入内容"
                                          style="width: 160px"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="班级">
                                <el-input v-model="conditionModel.stuClass" placeholder="请输入内容"
                                          style="width: 160px"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="专业">
                                <el-cascader
                                        ref="facultyDemo"
                                        v-model="supplierMajor"
                                        :options="options"
                                        :props="{ emitPath:false ,value: 'parentId', label: 'parentName'}"
                                        @change="searchMajor"
                                        clearable
                                        :show-all-levels="false"
                                        style="width: 160px">
                                </el-cascader>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="省市" :inline="false">
                                <el-cascader
                                        ref="provinceDemo"
                                        v-model="provinceName"
                                        :options="provinceOptions"
                                        :props="{ checkStrictly : true  , value: 'id', label: 'raw' }"
                                        @change="searchProvince"
                                        :show-all-levels="false"
                                        class="update_select"
                                        style="width: 160px">
                                </el-cascader>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="学籍状态">
                                <el-select v-model="conditionModel.status" placeholder="请选择" style="width: 160px">
                                    <el-option
                                            v-for="status in statusOptions"
                                            :key="status.value"
                                            :label="status.label"
                                            :value="status.value">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-form-item class="myBtn">
                        <el-button type="primary" @click="showAllByCondition">搜索</el-button>
                        <el-button type="primary" @click="reset">重置</el-button>
                    </el-form-item>
                </el-form>
                <el-row :gutter="10" class="mb8" style="display: block">
                    <el-col :span="1.5">
                        <el-button
                                type="primary"
                                plain
                                icon="el-icon-plus"
                                size="small"
                                @click="handleClickInsert"
                        >新增
                        </el-button>
                    </el-col>
                    <!--                    <el-col :span="1.5">-->
                    <!--                        <el-button-->
                    <!--                                type="success"-->
                    <!--                                plain-->
                    <!--                                icon="el-icon-edit"-->
                    <!--                                size="mini"-->
                    <!--                                :disabled="single"-->
                    <!--                                @click="handleUpdate"-->
                    <!--                        >修改-->
                    <!--                        </el-button>-->
                    <!--                    </el-col>-->
                </el-row>
            </div>
            <el-table
                    :data="tableData"
                    style="width: 100%"
                    border
            >
                <el-table-column
                        type="selection"
                        width="55"
                        align="center">
                </el-table-column>
                <el-table-column
                        label="序号"
                        type="index"
                        :index="indexMethod"
                        align="center"
                        width="50px">
                </el-table-column>
                <el-table-column
                        prop="stuNo"
                        label="学号"
                        width="150"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="stuName"
                        label="姓名"
                        width="140"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="stuClass"
                        label="班级"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="sex"
                        label="性别"
                        align="center">
                    <template slot-scope="scope">
                        <el-tag v-if="scope.row.sex === 0" type="success" size="medium">女</el-tag>
                        <el-tag v-if="scope.row.sex === 1" type="primary" size="medium">男</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="birthday"
                        label="生日"
                        width="180"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="phone"
                        label="电话"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="majorName"
                        label="专业"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="status"
                        label="学籍状态"
                        align="center">
                    <template slot-scope="scope">
                        <el-tag v-if="scope.row.status === 1" type="success" size="medium">正常</el-tag>
                        <el-tag v-if="scope.row.status === 2" type="warning" size="medium">转系</el-tag>
                        <el-tag v-if="scope.row.status === 3" type="warning" size="medium">休学</el-tag>
                        <el-tag v-if="scope.row.status === 4" type="success" size="medium">复学</el-tag>
                        <el-tag v-if="scope.row.status === 5" type="danger" size="medium">退学</el-tag>
                        <el-tag v-if="scope.row.status === 6" type="biye" size="medium">毕业</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="checkStatus"
                        label="操作状态"
                        align="center">
                    <template slot-scope="scope">
                        <el-tag v-if="scope.row.checkStatus === 1" type="primary" size="medium">正常</el-tag>
                        <el-tag v-if="scope.row.checkStatus === 2" type="warning" size="medium">待审核</el-tag>
                        <el-tag v-if="scope.row.checkStatus === 3" type="success" size="medium">审核通过</el-tag>
                        <el-tag v-if="scope.row.checkStatus === 4" type="danger" size="medium">驳回</el-tag>
                    </template>
                </el-table-column>
                <el-table-column
                        label="操作"
                        align="center"
                        width="150px"
                >
                    <template slot-scope="scope">
                        <el-button @click="handleClickShow(scope.row) " type="primary" size="small">查看</el-button>
                        <el-button @click="handleClickUpdate(scope.row) " type="danger" size="small"
                                   v-if="scope.row.checkstatus != 2 && scope.row.checkstatus != 3 && scope.row.checkstatus != 4 ">
                            编辑
                        </el-button>
                        <el-button @click="handleClickUpdate(scope.row) " type="danger" size="small"
                                   v-if=" scope.row.checkstatus==4 ">提交
                        </el-button>
                        <el-button @click="handleClickConfirm(scope.row) " type="success" size="small"
                                   v-if=" scope.row.checkstatus==3 ">确认
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="pageIndex"
                    :page-sizes="[5, 10, 20, 30]"
                    :page-size.sync="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total.sync="total">
            </el-pagination>
        </el-card>
        <!--查看学生信息模态框-->
        <el-dialog title="学生信息" :visible.sync="dialogTableVisible" :close-on-click-modal='false' class="stuShowDiaolog">
            <el-form ref="studentForm" :model="studentInfoModel" labelPosition="right" label-width="100px">
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="头像" prop="title">
                            <el-avatar :size="50" :src="circleUrl">hahah</el-avatar>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="性别" prop="title">
                            <el-tag v-model="studentInfoModel.sex">{{sexArray[studentInfoModel.sex]}}</el-tag>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="学号" prop="title">
                            <el-input v-model="studentInfoModel.stuNo" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="姓名" prop="title">
                            <el-input v-model="studentInfoModel.stuName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="班级" prop="title">
                            <el-input v-model="studentInfoModel.stuClass" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="籍贯" prop="title">
                            <el-input v-model="studentInfoModel.areaName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="出生日期" prop="title">
                            <el-input v-model="studentInfoModel.birthday" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="身份证" prop="title">
                            <el-input v-model="studentInfoModel.idCard" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="联系电话" prop="title">
                            <el-input v-model="studentInfoModel.phone" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="QQ" prop="title">
                            <el-input v-model="studentInfoModel.qq" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="院系" prop="title">
                            <el-input v-model="studentInfoModel.facultyName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="专业" prop="title">
                            <el-input v-model="studentInfoModel.majorName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-col :span="18">
                    <el-form-item label="状态" prop="title">
                        <el-radio-group v-model="studentInfoModel.status" disabled>
                            <el-radio border size="small" :label="1">正常</el-radio>
                            <el-radio border size="small" :label="2">暂停</el-radio>
                            <el-radio border size="small" :label="3">撤销</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>

            </el-form>
            <div slot="footer">
                <el-button type="primary" @click="closedialog">确 定</el-button>
            </div>
        </el-dialog>
        <!--编辑学生信息模态框-->
        <el-dialog title="学生信息" :visible.sync="dialogTableUpdate" :close-on-click-modal='false'
                   class="stuUpdateDiaolog">
            <el-form ref="studentForm" :model="studentUpdateModel" labelPosition="right" label-width="100px">
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="头像" prop="title">
                            <el-avatar :size="50" :src="circleUrl">hahah</el-avatar>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="性别" prop="title">
                            <el-tag v-model="studentUpdateModel.sex">{{sexArray[studentUpdateModel.sex]}}</el-tag>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="学号" prop="title">
                            <el-input v-model="studentUpdateModel.stuNo" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="姓名" prop="title">
                            <el-input v-model="studentUpdateModel.stuName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="班级" prop="title">
                            <el-input v-model="studentUpdateModel.stuClass" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="籍贯" prop="title">
                            <el-input v-model="studentUpdateModel.areaName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row type="flex">
                    <el-col :span="10">
                        <el-form-item label="出生日期" prop="title">
                            <el-input v-model="studentUpdateModel.birthday" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="身份证" prop="title">
                            <el-input v-model="studentUpdateModel.idCard" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <!--                    <el-col :span="4">-->
                    <!--                        <el-button type="primary" @click="idCardcheck" size="mini" style="margin-top: 5px">身份证校验</el-button>-->
                    <!--                    </el-col>-->

                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="联系电话" prop="title">
                            <el-input v-model="studentUpdateModel.phone" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="QQ" prop="title">
                            <el-input v-model="studentUpdateModel.qq" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="院系" prop="title">
                            <el-input v-model="studentUpdateModel.facultyName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="10">
                        <el-form-item label="专业" prop="title">
                            <el-input v-model="studentUpdateModel.majorName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-col :span="18">
                    <el-form-item label="状态" prop="title">
                        <el-radio-group v-model="studentUpdateModel.status" disabled>
                            <el-radio border size="small" :label="1">正常</el-radio>
                            <el-radio border size="small" :label="2">暂停</el-radio>
                            <el-radio border size="small" :label="3">撤销</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>

            </el-form>
            <div slot="footer">
                <el-button type="primary" @click="closedialog">确 定</el-button>
            </div>
        </el-dialog>
        <!--新增学生信息模态框-->
        <el-dialog title="学生信息" :visible.sync="dialogTableInsert" :close-on-click-modal='false' class="stuInsertDiaolog"
                   width="700px">
            <el-form ref="studentForm" :model="studentInsertModel" label-width="80px">

                <el-form-item label="头像" prop="title" style="width: 280px">
                    <el-avatar :size="50" :src="circleUrl">hahah</el-avatar>
                </el-form-item>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="姓名" prop="title">
                            <el-input v-model="studentInsertModel.stuName"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="联系电话" prop="title">
                            <el-input v-model="studentInsertModel.phone" ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="QQ" prop="title">
                            <el-input v-model="studentInsertModel.qq" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="性别" prop="title">
                            <el-select v-model="studentInsertModel.sex" class="update_select" placeholder="根据身份证返回，请勿选择"
                                       disabled>
                                <el-option
                                        v-for="item in studentSex"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="14">
                        <el-form-item label="身份证" prop="title" style="width: 380px">
                            <el-input v-model="studentInsertModel.idCard" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="3">
                        <el-button type="primary" @click="idCardcheck" size="mini" style="margin-top: 5px">身份证校验
                        </el-button>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="籍贯" prop="title">
                            <el-input v-model="studentInsertModel.areaName" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="出生日期" prop="title">
                            <el-input v-model="studentInsertModel.birthday" readonly="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="13">
                        <el-form-item label="学号" prop="title" >
                            <el-input v-model="studentInsertModel.stuNo" readonly="true"
                                      placeholder="选择专业班级后生成学号，不可输入"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="3">
                        <el-button type="primary" @click="stuNoCreate" size="mini" style="margin-top: 5px;margin-left: 20px">生成学号
                        </el-button>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="院系" prop="title" style="width: 230px">
                            <el-select v-model="studentInsertModel.facultyName" class="update_select">
                                <el-option
                                        v-for="item in facultyNameOptions"
                                        :key="item.facultyNo"
                                        :label="item.facultyName"
                                        :value="item.facultyNo">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="专业" prop="title" style="width: 230px">
                            <el-select v-model="studentInsertModel.majorName" class="update_select">
                                <el-option
                                        v-for="item in majorNameOptions"
                                        :key="item.facultyNo"
                                        :label="item.facultyName"
                                        :value="item.facultyNo">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="班级" prop="title" style="width: 230px">
                            <el-select v-model="studentInsertModel.stuClass" class="update_select">
                                <el-option
                                        v-for="item in stuClassOptions"
                                        :key="item.facultyNo"
                                        :label="item.facultyName"
                                        :value="item.facultyNo">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item label="状态" prop="title">
                    <el-radio-group v-model="studentInsertModel.status" disabled>
                        <el-radio border size="small" :label="1">正常</el-radio>
                        <el-radio border size="small" :label="2">暂停</el-radio>
                        <el-radio border size="small" :label="3">撤销</el-radio>
                    </el-radio-group>
                </el-form-item>
            </el-form>
            <div slot="footer">
                <el-button @click="closeInsertdialog">取 消</el-button>
                <el-button type="primary" @click="submitInsert">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    import {studentInfo,provinceInfo,majorInfo} from "@/api/grade/student/info"
    export default {
        name: "StudentInfo",
        data: () => ({

            //表格数据
            tableData: [],
            pageIndex: 1,
            pageSize: 10,
            total: 10,
            //查询条件
            conditionModel: {
                stuNo: '',
                stuName: '',
                stuClass: '',
                status: '',
            },
            //省市名称
            provinceName: [],
            provinceOptions: [],
            studentSex: [{
                label: '男',
                value: '1'
            }, {
                label: '女',
                value: '0'
            }],
            //查看模态框显示
            dialogTableVisible: false,
            //编辑模态框显示
            dialogTableUpdate: false,
            //新增模态框显示
            dialogTableInsert: false,
            //模态框 - 查看学生信息
            studentInfoModel: {
                stuNo: '',
                stuName: '',
                stuClass: '',
                sex: '',
                birthday: '',
                idCard: '',
                phone: '',
                areaName: '',
                qq: '',
                facultyName: '',
                majorName: '',
                head: '',
                status: '',
            },
            //模态框 - 编辑学生信息
            studentUpdateModel: {
                stuNo: '',
                stuName: '',
                stuClass: '',
                sex: '',
                birthday: '',
                idCard: '',
                phone: '',
                areaName: '',
                qq: '',
                facultyName: '',
                majorName: '',
                head: '',
                status: '',
            },
            //模态框 - 添加学生信息
            studentInsertModel: {
                stuNo: '',
                stuName: '',
                stuClass: '',
                sex: '',
                birthday: '',
                idCard: '',
                phone: '',
                areaName: '',
                qq: '',
                facultyName: '',
                majorName: '',
                head: '',
                status: '',
            },
            //院系选择器
            facultyNameOptions:{},
            //专业选择器
            majorNameOptions:{},
            //班级选择器
            stuClassOptions:{},
            //单个禁用
            single: true,
            // 非多个禁用
            multiple: false,
            //性别转换
            sexArray: {
                0: '女',
                1: '男'
            },
            //学籍状态
            statusOptions: [{
                label: '所有',
                value: ''
            }, {
                label: '正常',
                value: '1'
            }, {
                label: '转系',
                value: '2'
            }, {
                label: '休学',
                value: '3'
            }, {
                label: '复学',
                value: '4'
            }, {
                label: '退学',
                value: '5'
            }, {
                label: '毕业',
                value: '6'
            }],
            //专业级联选择器
            supplierMajor: [],
            options: [],

        }),
        methods: {
            //序号显示
            indexMethod(index) {
                let curpage = this.pageIndex   //单前页码，具体看组件取值
                let limitpage = this.pageSize   //每页条数，具体是组件取值
                return (index + 1) + (curpage - 1) * limitpage
            },

            //根据条件查询
            showAllByCondition() {
                this.pageIndex = 1;
                this.showAllStudent()
            },

            //分页显示学生信息内容
            showAllStudent() {
                const length = this.provinceName.length;
                let params = {
                    stuNo: this.conditionModel.stuNo,
                    stuName: this.conditionModel.stuName,
                    stuClass: this.conditionModel.stuClass,
                    status: this.conditionModel.status,
                    majorNo: this.supplierMajor,
                    areaId: this.provinceName[length - 1],
                    level: length,
                    //当前需要显示的页码
                    pageIndex: this.pageIndex,
                    //每页显示的条数
                    pageSize: this.pageSize,
                }
                studentInfo(params).then(response => {
                    console.log("response:"+response.errorCode)
                    this.tableData = response.data.list
                    this.pageSize = response.data.pageSize;
                    this.pageIndex = response.data.pageNum;
                    this.total = response.data.total;
                })
            },

            //所在尺寸改变时
            handleSizeChange() {
                this.showAllStudent()
            },
            //所在页码改变时
            handleCurrentChange() {
                this.showAllStudent()
            },
            //查看信息
            handleClickShow(row) {
                console.log(row);
                this.dialogTableVisible = true
                this.studentInfoModel.stuNo = row.stuNo
                this.studentInfoModel.stuName = row.stuName
                this.studentInfoModel.stuClass = row.stuClass
                this.studentInfoModel.sex = row.sex
                this.studentInfoModel.birthday = row.birthday
                this.studentInfoModel.idCard = row.idCard
                this.studentInfoModel.phone = row.phone
                this.studentInfoModel.areaName = row.areaName
                this.studentInfoModel.qq = row.qq
                this.studentInfoModel.facultyName = row.facultyName
                this.studentInfoModel.majorName = row.majorName
                this.studentInfoModel.head = row.head
                this.studentInfoModel.status = row.status
            },
            //修改学生信息
            handleClickUpdate(row) {
                this.dialogTableUpdate = true
                this.studentUpdateModel.stuNo = row.stuNo
                this.studentUpdateModel.stuName = row.stuName
                this.studentUpdateModel.stuClass = row.stuClass
                this.studentUpdateModel.sex = row.sex
                this.studentUpdateModel.birthday = row.birthday
                this.studentUpdateModel.idCard = row.idCard
                this.studentUpdateModel.phone = row.phone
                this.studentUpdateModel.areaName = row.areaName
                this.studentUpdateModel.qq = row.qq
                this.studentUpdateModel.facultyName = row.facultyName
                this.studentUpdateModel.majorName = row.majorName
                this.studentUpdateModel.head = row.head
                this.studentUpdateModel.status = row.status
            },
            //新增学生信息
            handleClickInsert() {
                this.dialogTableInsert = true;
            },
            //确认信息
            handleClickConfirm(row) {
                console.log(row);
            },
            //省市级联选择器
            searchProvince() {
                provinceInfo().then(response => {
                    this.provinceOptions = response.data.list
                })
            },
            //查询专业
            searchMajor() {
                majorInfo().then(response => {
                    this.options = response.data.list
                })
            },
            //重置
            reset() {
                this.conditionModel = {}
                this.supplierMajor = []
                this.provinceName = []
                this.pageIndex = 1
                this.pageSize = 10
                this.showAllStudent()
            },
            //生成学号
            stuNoCreate(){

            },

            //新增学生信息
            submitInsert(){},
            //关闭新增页面
            closeInsertdialog(){
                this.dialogTableInsert = false;
                this.studentInsertModel = {}
            },
        },
        created() {
            this.showAllStudent()

        },
        mounted() {
            this.searchProvince()
            this.searchMajor()
        }
    }
</script>

<style scoped>
    .myBtn {
        padding-right: 1000px;
    }

    .mb8 {
        margin-bottom: 10px;
        padding-left: 50px;
    }
</style>

<style>
    .el-tag--biye {
        background: #58B2DC;
        color: #f0f0f0
    }
</style>
